<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>真真点评</title>
<link rel="stylesheet" href="assets/css/www-pkg.css" />
<link rel="stylesheet" href="assets/css/homepage.css" />

[#include "/theme/yelp/common/scripts.html"]

<link rel="stylesheet"
	href="${siteurl}assets/plugs/raty/jquery.raty.css">
<script type="text/javascript"
	src="${siteurl}assets/plugs/raty/jquery.raty.js"></script>
<script type="text/javascript"
	src="${siteurl}assets/js/jsrender.min.js"></script>
</head>

<body class="country-hk logged-out ytype jquery" id="yelp_main_body"
	ryt13230="1">

	<div id="fb-root"></div>

	<div class="lang-en" id="wrap">



		[#include "common/header.html"]

		<div id="print-masthead">
			<img alt="Yelp" class="print-bkg-img"
				src="http://s3-media2.fl.yelpcdn.com/assets/2/www/img/b7e9d647188d/gfx/header_print.gif">
		</div>

		<span class="offscreen" id="page-content">&nbsp;</span>

		<div class="main-content-wrap main-content-wrap--box">

			<div class="content-container" id="super-container">



				<div id="alert-container"></div>

				<div class="container homepage">
					<div id="page-header">
						<div class="ieSucks clearfix" id="loc-bar"
							data-component-bound="true">[#include
							"/theme/yelp/common/citys.html"]</div>

					</div>
					<div class="clearfix layout-block layout-a layout-border">
						<div class="column column-alpha main">
							[@shiro.user] 
							[#include "index_write_next_review.html"]

							

							<div style="display: none;" id="compliment-input-boxes">
								<fieldset>
									<ul class="inline-layout clearfix" id="compliment-types">
										<li><label data-comp-type="plain" class="clearfix">
												<input type="radio" checked="checked" value="plain"
												name="type"> <span
												class="i-wrap ig-wrap-compliments i-plain_20x20-compliments-wrap"><i
													class="i ig-compliments i-plain_20x20-compliments"></i> 感激！</span>
										</label></li>
										<li><label data-comp-type="cute" class="clearfix">
												<input type="radio" value="cute" name="type"> <span
												class="i-wrap ig-wrap-compliments i-cute_20x20-compliments-wrap"><i
													class="i ig-compliments i-cute_20x20-compliments"></i> 可爱</span>
										</label></li>
										<li><label data-comp-type="writer" class="clearfix">
												<input type="radio" value="writer" name="type"> <span
												class="i-wrap ig-wrap-compliments i-writer_20x20-compliments-wrap"><i
													class="i ig-compliments i-writer_20x20-compliments"></i>
													好作家</span>
										</label></li>
										<li><label data-comp-type="hot" class="clearfix">
												<input type="radio" value="hot" name="type"> <span
												class="i-wrap ig-wrap-compliments i-hot_20x20-compliments-wrap"><i
													class="i ig-compliments i-hot_20x20-compliments"></i> 正喎！</span>
										</label></li>
										<li><label data-comp-type="note" class="clearfix">
												<input type="radio" value="note" name="type"> <span
												class="i-wrap ig-wrap-compliments i-note_20x20-compliments-wrap"><i
													class="i ig-compliments i-note_20x20-compliments"></i>
													一个简单嘅赞扬</span>
										</label></li>
										<li><label data-comp-type="profile" class="clearfix">
												<input type="radio" value="profile" name="type"> <span
												class="i-wrap ig-wrap-compliments i-profile_20x20-compliments-wrap"><i
													class="i ig-compliments i-profile_20x20-compliments"></i>
													个人档案好正</span>
										</label></li>
										<li><label data-comp-type="more" class="clearfix">
												<input type="radio" value="more" name="type"> <span
												class="i-wrap ig-wrap-compliments i-more_20x20-compliments-wrap"><i
													class="i ig-compliments i-more_20x20-compliments"></i> 写多啲！</span>
										</label></li>
										<li><label data-comp-type="cool" class="clearfix">
												<input type="radio" value="cool" name="type"> <span
												class="i-wrap ig-wrap-compliments i-cool_20x20-compliments-wrap"><i
													class="i ig-compliments i-cool_20x20-compliments"></i> 有型</span>
										</label></li>
										<li><label data-comp-type="photos" class="clearfix">
												<input type="radio" value="photos" name="type"> <span
												class="i-wrap ig-wrap-compliments i-photos_20x20-compliments-wrap"><i
													class="i ig-compliments i-photos_20x20-compliments"></i>
													影得靓</span>
										</label></li>
										<li><label data-comp-type="list" class="clearfix">
												<input type="radio" value="list" name="type"> <span
												class="i-wrap ig-wrap-compliments i-list_20x20-compliments-wrap"><i
													class="i ig-compliments i-list_20x20-compliments"></i>
													列表好正！</span>
										</label></li>
										<li><label data-comp-type="funny" class="clearfix">
												<input type="radio" value="funny" name="type"> <span
												class="i-wrap ig-wrap-compliments i-funny_20x20-compliments-wrap"><i
													class="i ig-compliments i-funny_20x20-compliments"></i> 有趣</span>
										</label></li>
									</ul>
								</fieldset>

							</div>


							[/@shiro.user] [@shiro.guest]

							<div class="ysection">
								<div class="island-city-scape island signup-pitch text-centered">
									<h2 class="embossed-text-white">真真点评，帮你找到最好的商家</h2>
									<p class="embossed-text-white">
										世界各地的人都在用真真点评，去搜索附近、不同类型的商店。</p>
									<a class="ybtn ybtn-primary ytype" href="${siteurl}signup.htm">免费注册</a>
								</div>
							</div>

							[/@shiro.guest]
                              <div id="activity-feed" class="ysection clearfix"
								>
								<div class="header-with-ui">
									<h2 id="feedtitle">最新动态</h2>
									 [@shiro.user]
									<div class="hd-ui">

										<ul class="tabs-pill js-tabs">










											<li title="最新动态" class="tab litab inline-block selected" data-tab-id="area"><a
												href="#">最新动态</a> <span
												class="ybadge ybadge-notification hidden"></span></li>




											<li title="朋友" class="tab litab inline-block" data-tab-id="friend"><a
												href="#">朋友</a> <span style="display: none;" class="ybadge ybadge-notification">26</span></li>




											<li title="关注中" class="tab litab inline-block" data-tab-id="follow"><a
												href="#">关注中</a> <span style="display: none;" class="ybadge ybadge-notification">100</span></li>




											<li title="你的动态" class="tab litab inline-block" data-tab-id="user"><a
												href="#">你的动态</a> <span style="display: none;" class="ybadge ybadge-notification">10</span></li>
										</ul>

									</div>
								    [/@shiro.user]
								</div>
								<div class="content" >
									<div class="feeds feed-module">
										<ul class="content-list" id="content-list">



											<li data-section-id="near_you">
												<ul id="feeds" class="ylist ylist-bordered">
												
												  [#if feeds??]
												  [#list feeds as  item ]
												  
												  [#include "index_feed.html"]
												  
                                                  [/#list]
                                                   [/#if] 
													


												</ul>
                                                [#if feeds?size>1]
                                                    <a class="link-bar" href="javascript:;">
                                                      <span data-component-bound="true" class="loading-msg">查看更多最新动态</span>
                                                    </a>
                                                     [/#if] 
											</li>

										</ul>
									</div>

								</div>

							</div>



							<div class="ysection eight-col">

								<div class="ysection clearfix new-business-openings">
									<h2>${city.name!""}的新开商店</h2>

									<ul class="photo-box-list clearfix">
										[#if newlist ??] [#list newlist as item]
										<li>

											<div
												class="photo-box photo-box--interactive biz-listing-photo">
												<img width="180" height="180"
													style="width: 180px; height: 180px;"
													src="${item.image!'/assets/images/head.png'}"
													class="photo-box-img" alt="${item.name!''}">


												<div class="photo-box-overlay js-overlay">
													<div class="clearfix">
														<a data-hovercard-id="8HHoyQbQIbGUxqpa8QtAIQ"
															href="${siteurl}shop/view.htm?id=${item.id}"
															class="biz-name">${item.name!""}</a>

														<div class="biz-rating biz-rating-medium clearfix">

															<div class="rating">
																<i title="4.0星级评分" class="star-img stars_4"> <img
																	width="84" height="303"
																	src="//s3-media4.fl.yelpcdn.com/assets/srv0/yelp_styleguide/c2252a4cd43e/assets/img/stars/stars_map.png"
																	class="offscreen" alt="4.0星级评分">
																</i>
															</div>


															<span class="review-count rating-qualifier">
																${item.comments!"0"}条评语 </span>

														</div>

													</div>
													<div class="additional-info js-hidden-info">
														<span class="neighborhood-str-list">
															${item.area.name!""} </span>

													</div>
												</div>
												<a href="${siteurl}shop/view.htm?id=${item.id}"
													class="biz-shim"> <span class="offscreen">${item.name!""}</span>
												</a>

											</div>

										</li> [/#list] [/#if]
									</ul>

									<a href="${siteurl}search.htm" class="link-more"> 更多新开张商店 </a>
								</div>

							</div>


							

							<div id="best-of-yelp-module" class="ysection clearfix">
								<h2>真真精选：${city.name!""}</h2>
								<div class="content">
									<div class="ysection clearfix best-of-yelp-main">
										[#include "index_navigation.html"]
										<div class="stage">
											<div class="main-content">
												<ul class="content-list ieSucks">

												</ul>


												<div class="throbber-overlay"
													style="width: 430px; height: 429px; display: none;">
													<div class="throbber-container"
														style="left: 169px; top: 2701.5px;"></div>
												</div>
											</div>


										</div>
									</div>
								</div>
							</div>



							<div id="neighborhoods-list" class="ysection clearfix">
								<h2>[#if city??]${city.name!""}[#else]西安[/#if]地区</h2>
								<div class="content">
									<ul class="content-list">
										<li data-section-id="top-neighborhoods"
											class="column-container clearfix">[#if towns1??]
											<ul class="column-set">
												[#list towns1 as item]
												<li><a href="${siteurl}search.htm?townid=${item.id}">${item.name}</a></li>
												[/#list]
											</ul> [/#if] [#if towns2??]
											<ul class="column-set">
												[#list towns2 as item]
												<li><a href="${siteurl}search.htm?townid=${item.id}">${item.name}</a></li>
												[/#list]
											</ul> [/#if] [#if towns3??]
											<ul class="column-set">
												[#list towns3 as item]
												<li><a href="${siteurl}search.htm?townid=${item.id}">${item.name}</a></li>
												[/#list]
											</ul> [/#if] [#if towns4??]
											<ul class="column-set">
												[#list towns4 as item]
												<li><a href="${siteurl}search.htm?townid=${item.id}">${item.name}</a></li>
												[/#list]
											</ul> [/#if]
										</li>

									</ul>
									<a href="#" class="js-see-more link-more">更多邻近地区</a>
								</div>
							</div>



							<ul class="clearfix" id="yelp-three-column-pitch"
								style="display: none;">
								<li class="mobile"><a href="#" class="link-block clearfix">
										<div class="pitch-text">
											<h4>真真流动装置上的应用程式</h4>
											<p>随时随地喺你个手机或者流动装置免费搜寻喺你附近嘅商店！</p>
										</div> <i class="i ig-homepage i-tout_mobile-homepage"></i>
								</a></li>
								<li class="social">
									<div class="pitch-text">
										<h4>社交网络</h4>
										<p>
											在<a href="http://facebook.com/">Facebook</a>以及<a
												href="http://twitter.com/">Twitter</a>查看真真，最快知道更新!
										</p>
									</div> <i class="i ig-homepage i-tout_social-homepage"></i>
								</li>
								<li class="press"><a href="/press"
									class="link-block clearfix">
										<div class="pitch-text">
											<h4>真真的动态消息</h4>
											<p>世界各地的人都在使用及讨论真真。</p>
										</div> <i class="i ig-homepage i-tout_press-homepage"></i>
								</a></li>
							</ul>


						</div>
						<div class="column column-beta sidebar">

							[@shiro.user]
							<div class="user-scorecard">
								<div class="passport-container">
									<div class="ypassport media-block">
										<div class="media-avatar">
											<div data-hovercard-id="fzxBobtjX10RLNpKJjXEnA"
												class="photo-box pb-60s">
												<a href="${siteurl}/user_details.htm?id=${user.id}"> <img
													width="60" height="60"
													src="${user.headimg!'/assets/images/head.png'}"
													class="photo-box-img" alt="${user.name!''}">

												</a>

											</div>



										</div>
										<div class="media-story">
											<ul class="user-passport-info">
												<li class="user-name"><a
													data-hovercard-id="fzxBobtjX10RLNpKJjXEnA"
													href="${siteurl}/user_details.htm?id=${user.id}"
													class="user-display-name">${user.name!""}</a></li>
												<li class="user-location"><b>[#if
														user.area??]${user.area.name!""}[/#if]</b></li>
											</ul>

											<ul class="user-passport-stats">
												<li class="friend-count"><span
													class="i-wrap ig-wrap-common i-friends-orange-common-wrap"><i
														class="i ig-common i-friends-orange-common"></i> <b>${user.friends!"0"}</b>个朋友</span>
												</li>
												<li class="review-count"><span
													class="i-wrap ig-wrap-common i-star-orange-common-wrap"><i
														class="i ig-common i-star-orange-common"></i> <b>${user.comments!"0"}</b>条评语</span>
												</li>

											</ul>

										</div>
									</div>

								</div>
								<div class="score-container">
									<ul class="inline-layout clearfix">
										<li class="score useful"><span
											class="i-wrap ig-wrap-common i-ufc-useful-common-wrap"><i
												class="i ig-common i-ufc-useful-common"></i> 有用：<strong>0</strong>
												票</span></li>
										<li class="score cool"><span
											class="i-wrap ig-wrap-common i-ufc-cool-common-wrap"><i
												class="i ig-common i-ufc-cool-common"></i> 有型：<strong>0</strong>
												票</span></li>
									</ul>
									<ul class="inline-layout clearfix">
										<li class="score funny"><span
											class="i-wrap ig-wrap-common i-ufc-funny-common-wrap"><i
												class="i ig-common i-ufc-funny-common"></i> 有趣：<strong>0</strong>
												票</span></li>
										<li class="score compliment"><span
											class="i-wrap ig-wrap-common i-compliment-common-wrap"><i
												class="i ig-common i-compliment-common"></i> 赞扬：<strong>0</strong>
												个</span></li>
									</ul>
								</div>
							</div>

							<div class="ysection clearfix" style="display: none;">
								<div class="island">
									<div class="notification-container clearfix">
										<h3>通知</h3>
										<ul class="ylist">
											<li
												class="media-block media-block--12 notification unread-compliment">
												<div class="media-avatar">
													<i class="i ig-compliments i-plain_24x24-compliments"></i>
												</div>
												<div class="media-story">
													<strong> <a
														href="${siteurl}user_details_thanx.htm?id=1"> Zixuan
															C.向你表示赞扬 </a>
													</strong>
													<div class="time-stamp">2日前</div>

												</div>
											</li>

											<li
												class="media-block media-block--12 notification unread-message">
												<div class="media-avatar">
													<i class="i ig-homepage i-message-homepage"></i>
												</div>
												<div class="media-story">
													<strong> <a href="${siteurl}user/messages.htm">
															2个新的私人讯息 </a>
													</strong>
													<div class="time-stamp">2日前</div>

												</div>
											</li>


										</ul>
									</div>
								</div>
							</div>

							[/@shiro.user] 
							
							
							[#if goods?? && goods?size>0]
							<div class="ysection clearfix rotd">
								<h3>每日之星评语</h3>
								[#list goods as item]
								<div class="media-block media-block--12">
									<div class="media-avatar">
										<div data-hovercard-id="UlZOmu4ycKv--AQdQNCkmA"
											class="photo-box pb-60s">
											<a href="${siteurl}user_details.htm?id=${item.shopReview.user.id}">
																		<img width="60" height="60"
																		src="${item.shopReview.user.headimg!'/assets/images/head.png'}"
																		class="photo-box-img" alt="Quanita Z.">

											</a>

										</div>



									</div>
									<div class="media-story">
										<div class="media-title clearfix">
											<a data-hovercard-id="UlZOmu4ycKv--AQdQNCkmA"
												href="${siteurl}user_details.htm?id=${item.shopReview.user.id}"
												class="user-display-name">${item.shopReview.user.name}</a>编写了关于 <a
												data-hovercard-id="TKGti8nFnyVgOjAZmgRnGQ"
												href="${siteurl}shop/view.htm?id=${item.shopReview.shop.id}"
												class="biz-name">${item.shopReview.shop.name}</a> 的评语
										</div>

										<div class="rating-large">
											<i title="5.0星級評分" class="star-img stars_${item.shopReview.servicescore?string('#')}"> <img
												width="84" height="303"
												src="//s3-media4.fl.yelpcdn.com/assets/srv0/yelp_styleguide/c2252a4cd43e/assets/img/stars/stars_map.png"
												class="offscreen" alt="5.0星級評分">
											</i>
										</div>


										<p>
											${item.shopReview.comment!""}
											
										</p>
									</div>
								</div>
                                 [/#list]
								<a
									href="${siteurl}shopreviewgood/list.htm"
									class="link-more">历史记录</a>
							</div>
							[/#if]
							[#if eventslist?? && eventslist?size>0]
							<div class="ysection clearfix">
								<h3>人气活动</h3>
								<ul class="ylist">

									[#list eventslist as item]
									<li>
										<div class="media-block media-block--12 event-listing-medium">
											<div class="media-avatar">

												<div class="photo-box pb-60s">
													<a href="${siteurl}events/view.htm?id=${item.id}"> <img
														width="60" height="60"
														src="${item.img!'/assets/images/head.png'}"
														class="photo-box-img" alt="">

													</a>

												</div>

											</div>
											<div class="media-story">
												<div class="media-title">
													<a href="${siteurl}events/view.htm?id=${item.id}">[@html.htmlcut
														s=item.name append="..." len=16][/@html.htmlcut]</a>

												</div>
												<small> [@html.dateweek
													date=item.starts_month_day_year][/@html.dateweek] </small>
												<div>

													<small class="subtle-text"> ${item.joins!"0"} 人感兴趣
													</small>

												</div>
											</div>
										</div>

									</li> [/#list]

								</ul>
								<a href="${siteurl}events.htm" class="link-more">更多活动</a>
							</div>
							[/#if]
							
							
							
							
							

							<div class="ysection clearfix">
								<h3>每日讨论</h3>
								<ul class="ylist">

									[@talknews size=5] [#if list??] [#list list as item]
									<li>
										<div class="media-block media-block--12">
											<div class="media-avatar">
												<div class="photo-box pb-60s">
													<a href="${siteurl}user_details.htm?id=${item.user.id}">
														<img width="60" height="60"
														src="${item.user.headimg!'/assets/images/head.png'}"
														class="photo-box-img" alt="${item.user.name!''}">

													</a>

												</div>

											</div>
											<div class="media-story">
												<div class="media-title clearfix">
													<a href="${siteurl}talk/topic.htm?id=${item.id}">
														[@html.textcut s=item.topic len=16
														append=".."][/@html.textcut] </a>

												</div>
												<small>${item.area.talkCategory.name!""}</small>
												<div class="subtle-text">
													<small>[@html.date date=item.adddate][/@html.date]</small>
												</div>
											</div>
										</div>

									</li> [/#list] [/#if] [/@talknews]
								</ul>
								<a href="${siteurl}talk.htm" class="link-more">更多讨论</a>
							</div>

                             [#if reviewlists?? && reviewlists?size>0]
							<div class="ywidget favorites" >
								<h3>最新排行</h3>
								<ul class="ylist">
								   [#list reviewlists as item]
									<li>
										<div class="media-block media-block--12">
											<div class="media-avatar">
												<div class="photo-box pb-60s">
													<a
														href="${siteurl}user_details.htm?id=${item.user.id}">
														<img width="60" height="60"
														src="${item.user.headimg!'/assets/images/head.png'}"
														class="photo-box-img" alt="${item.user.name!''}">

													</a>

												</div>


											</div>
											<div class="media-story">
												<div class="media-title">
													<a
														href="${siteurl}user_favorites/list.htm?id=${item.id}">
														${item.title!""} </a>

												</div>
												<q> </q>
											</div>
										</div>

									</li>
									[/#list]
								</ul>
								<a
									href="${siteurl}user_favorites/list_search.htm"
									class="link-more">更多排行</a>
							</div>
                             [/#if]
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- google_ad_section_start(weight=ignore) -->
		<!-- <a href="/biz/outlook-autumn-market-fundamental-catwalk-flimsy-roost-legibility-individualism-grocer-predestination-2">yelp</a> -->
		[#include "common/footer.html"]


	</div>

	<script type="text/javascript">
	    var feedurl="${siteurl}feed/area.htm?id=${user.id}";;
	    var curpage=1;
		$(document).ready(
				function() {

					$('#star1').raty({
						path : '${siteurl}assets/plugs/raty/images',
						half : false,
						score : 5,
						starOff : 'star-off.png',
						starOn : 'star-on.png',
						space : false,
						target : '#descriptionscore',
						starHalf : 'star-half.png',
						targetKeep : true,
						targetType : 'score'
					});

					$("#closediv").click(function() {
						//alert("d");
						$("#write-next-review").hide();
					});

					$(".cancel").click(function() {
						//alert("d");
						$("#write-next-review").hide();
					});

					$(".more").click(function() {

						var top = $(".navigation").children().css("top");
						if (top == "0px") {
							$(".navigation").children().animate({
								top : '-494px'
							});
							//$(".navigation").children().css("top","-494px");
						} else {
							//$(".navigation").children().css("top","0px");
							$(".navigation").children().animate({
								top : '0px'
							});
						}
						//alert(top);
						//-494
					});
					$(".navtab").each(function() {
						$(this).children().attr("onclick", "return false;");
					});
					
					$(".litab").click(function() {
						$(".litab").removeClass("selected");
						$(this).addClass("selected");
						
						
						$("#feedtitle").text($(this).attr("title"));
						var h = "${siteurl}feed/"+$(this).attr("data-tab-id")+".htm?id=${user.id}";
						feedurl=h;
						curpage=1;
						
						//openyelp/shop/findbytype.htm?id=3
						$.get(h, function(data) {

							//var dataObj=eval("("+data+")")
							//alert(dataObj.body);
							$("#feeds").html(data);

							//$(".throbber-overlay").hide();
							//$(".throbber-container").hide();
						});

					});
					
					$(".navtab").click(function() {

						//alert($(this).find("a").attr("href"));
						$(".throbber-overlay").show();
						$(".throbber-container").show();

						$(".navtab").removeClass("selected");
						$(this).addClass("selected");

						var h = $(this).find("a").attr("href");
						//openyelp/shop/findbytype.htm?id=3
						$.get(h, function(data) {

							//var dataObj=eval("("+data+")")
							//alert(dataObj.body);
							$(".content-list.ieSucks").html(data);

							$(".throbber-overlay").hide();
							$(".throbber-container").hide();
						});

						//alert($(".content-list.ieSucks").html());

					});
					
					
					$(".link-bar").click(function(){
						
						$(this).html("数据加载中...");
						curpage=curpage+1;
						$.get(feedurl+"&curpage="+curpage,function(datas){
							if(datas.indexOf("暂无数据")>-1){
								$("#feeds").append("数据已经加载完了...");
								$(".link-bar").hide();
							}else{
								$("#feeds").append(datas);
								$(".link-bar").html("查看更多最新动态");
							}
							
						});
						
						
					});

					$(".content-list.ieSucks").load(
							"${siteurl}shop/findbytype2.htm?catalog=531")

				});
		
		
		    function vote(catalog,id,ele){
		    	var params={catalog:catalog,reviewid:id};
		    	//params.catalog=catalog;
		    	//params.review={};
		    	//params.review.id=id;
		    	$.get("${siteurl}shopreviewvote.htm",params,function(data){
		    		
		    		if(data>=0){
		    			$(ele).find(".count").text(data);
		    			if($(ele).find(".voted").size()>0){
		    				$(ele).find("a").removeClass("voted");
			    			$(ele).find(".button-content").removeClass("active");
		    			}else{
		    				$(ele).find("a").addClass("voted");
			    			$(ele).find(".button-content").addClass("active");
		    			}
		    			
		    		
		    			
		    			
		    			
		    		}
		    		
		    		
		    	});
		    }
	</script>

</body>

</html>
